<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Violet-VE</title>
    <link rel="stylesheet" href="css/Bootstrap/bootstrap.min.css" />
</head>

<body>
    <header>
        <nav class="navbar navbar-expand-md navbar-dark bg-dark">
            <a class="navbar-brand" href="#">Violet-VE</a>
            <div class="collapse navbar-collapse">
                <ul class="navbar-nav mr-auto">
                    <li class="nav-item active">
                        <a class="nav-link" href="#">首页<span class="sr-only">(current)</span></a
							>
						</li>
						<li class="nav-item">
							<a class="nav-link" href="#">博客</a>
                    </li>
                </ul>
                <ul class="navbar-nav">
                    <li class="nav-item">
                        <!-- <a class="nav-link" href="#">注册</a> -->
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">登录</a>
                    </li>
                </ul>
            </div>
            <div class="pos-f-t hidden-md">
                <nav class="navbar navbar-dark bg-dark">
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
							<span class="navbar-toggler-icon"></span>
						</button>
                </nav>
                <div class="collapse" id="navbarToggleExternalContent">
                    <ul class="bg-dark p-4">
                        <li class="nav-item active">
                            <a class="nav-link" href="#">首页<span class="sr-only"
										>(current)</span
									></a
								>
							</li>
							<li class="nav-item">
								<a class="nav-link" href="#">博客</a>
                        </li>
                    </ul>
                    <ul class="navbar-nav">
                        <li class="nav-item">
                            <a class="nav-link" href="#">注册</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="#">登录</a>
                        </li>
                    </ul>
                </div>
            </div>
        </nav>
    </header>
    <article class="d-none d-sm-block">
        <aside class="col-2 float-left" style="background-color: grey;" ">
            <a href=" "><img src="images/ " class="rounded float-left " alt=" " /></a>
            <span href=" ">Violet-VE</span>
            <span href=" ">朱天浩</span>
            <span href=" ">可爱的蓝孩纸</span>
            <span href=" ">坐标：浙江宁波</span>
        </aside>
        <article class="col-10 float-left " style=">
            <a href=" "><img src=" " alt=" " /></a>
            <span href=" ">Violet-VE</span>
            <span href=" ">朱天浩</span>
            <span href=" ">可爱的蓝孩纸</span>
            <span href=" ">坐标：浙江宁波</span>
    </article>
    </article>
    <script src="js/jquery-3.5.0.min.js "></script>
    <script src="js/Bootstrap/bootstrap.bundle.min.js "></script>
    <script src="js/Bootstrap/bootstrap.min.js "></script>
</body>

</html>